<template>
	<div class="loginTop">
		<div class="top_left">
			<div class="width-1200 my-flex-left">
				<img src="../../assets/login/icon_logo_login.png" />
				<div class="login_line"></div>
				<div class="name desc">
					<div class="cn">
						欢迎登录
					</div>
					<div class="en">
						welcome to login
					</div>
				</div>
			</div>

		</div>
	</div>
</template>

<script>
</script>

<style lang="less" scoped="scoped">
	@import '../../less/base/base.less';
	.loginTop {
		width: 100%;
		background: #fff;
		height: 160px;
		box-sizing: border-box;
		padding-top: 63px;
		border-bottom: 6px solid @base-color;
		color: @base-color;
		img {
			height: 47px;
		}
		.login_line {
			width: 2px;
			height: 40px;
			background-color: @base-color;
			margin: 0 41px;
		}
		.name {
			&.first {
				padding-left: 31px;
			}
			.cn {
				font-size: 36px;
			}
			.en {
				font-size: 20px;
			}
			&.desc {
				/*border-left:1px solid @base-color;*/
				.cn {
					font-size: 30px;
				}
				.en {
					font-size: 18px;
				}
			}
		}
	}
</style>